<template>
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
      <!-- Content Header (Page header) -->
      <section class="content-header">
        <h1>
          客户服务管理
        </h1>

        <ol class="breadcrumb">
          <li><a href="#"> 控制台</a></li>
          <li class="active">分配服务</li>
          <li class="active">指派</li>
        </ol>
      </section>

      <!-- Main content -->
      <section class="content">
          <div class="row">
            <div class="col-xs-12">
                <div class="box box-solid">
                  <div class="box-header with-border">
                    <h3 class="box-title">客户服务信息</h3>
                  </div>
                  <!-- /.box-header -->
                  <!-- form start -->
                  <form class="form-horizontal">
                    <div class="box-body">
                      <div class="form-group">
                        <label class="col-sm-2 control-label">客户</label>
                        <div class="col-sm-4">
                          <input class="form-control" readonly>
                        </div>
                        <label  class="col-sm-2 control-label">服务类型</label>
                        <div class="col-sm-4">
                          <input class="form-control" readonly>
                        </div>
                      </div>
                      <div class="form-group">
                        <label class="col-sm-2 control-label">状态</label>
                        <div class="col-sm-4">
                          <p class="form-control no-border">新建</p>
                        </div>
                      </div>
                      <div class="form-group">
                        <label  class="col-sm-2 control-label">服务内容</label>
                        <div class="col-sm-10">
                            <textarea class="form-control" rows="5" readonly></textarea>
                        </div>
                      </div>
                      <div class="form-group">
                        <label  class="col-sm-2 control-label">备注</label>
                        <div class="col-sm-10">
                            <input class="form-control" readonly>
                        </div>
                      </div>
                      <div class="form-group">
                        <label class="col-sm-2 control-label">创建人</label>
                        <div class="col-sm-4">
                          <input class="form-control" value="张三" readonly>
                        </div>
                        <label  class="col-sm-2 control-label">创建时间</label>
                        <div class="col-sm-4">
                          <input class="form-control" value="2018-12-12 12:12" readonly>
                        </div>
                      </div>
                    </div>
                    <!-- /.box-body -->
                  </form>
                </div>
              <!-- /.box -->
            </div>
          </div>

          <div class="row">
            <div class="col-xs-12">
                <div class="box box-solid">
                    <div class="box-header with-border">
                      <h3 class="box-title">指派客户经理</h3>
                    </div>
                  <!-- /.box-header -->
                  <!-- form start -->
                  <form class="form-horizontal">
                    <div class="box-body">
                        <div class="form-group">
                          <label  class="col-sm-2 control-label">客户经理</label>
                          <div class="col-sm-4">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>张三</option>
                            </select>
                          </div>
                        </div>
                    </div>
                    <!-- /.box-body -->
                    <div class="box-footer">
                      <button type="submit" class="btn btn-primary">保存</button>
                    </div>
                  </form>
                </div>
              <!-- /.box -->
            </div>
          </div>
      </section>
      <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
</template>

<script>
export default {
}
</script>

<style lang="css">
</style>
